<!DOCTYPE html>
<html lang="en">
    <head>
        <title></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="js/jquery.min.js" type="text/javascript"></script>
        <link rel="stylesheet" href="css/mui.min.css">
        <link rel="stylesheet" href="css/style.css">
        <script src="js/jquery.min.js"></script>
        <link rel="stylesheet" href="css/LArea.css">
        <script src="js/LAreaData1.js"></script>
        <script src="js/LAreaData2.js"></script>
        <script src="js/LArea.js"></script>
    </head>
    <body class="soye-hui">
      <div class="rzxx-mains">
        <ul class="rzxx-nav">
          <li>
            <div class="nav-zuo">品牌</div>
            <select class="nav-sele">
              <option>请选择品牌</option>
              <option>宝马</option>
            </select>
          </li>
          <li>
            <div class="nav-zuo">车型</div>
            <select class="nav-sele">
              <option>请选择车型</option>
              <option>宝马</option>
            </select>
          </li>  
          <li>
            <div class="nav-zuo">车身颜色</div>
            <select class="nav-sele">
              <option>请选择车身颜色</option>
              <option>宝马</option>
            </select>
          </li>    
          <li>
            <div class="nav-zuo">居住地</div>
            <input type="text" id="city" placeholder="省/市/区" class="nav-sele">
            <input id="value1" type="hidden" value="20,234,504">
          </li> 
          <li class="z-li">
            <div class="nav-zuo">备注</div>
            <textarea class="z-terea" placeholder="若车辆不属于本人，请注明和车主关系"></textarea>
          </li>                         
        </ul>

        <div class="xsz-list">
          <h2 class="xsz-h2">行驶证</h2>
          <ul class="xsz-nav">
            <li>
              <div class="xsz-shang">点击上传</div>
              <div class="xsz-ps">行驶证正面照</div>
            </li>
            <li class="li1">
              <div class="xsz-shang">点击上传</div>
              <div class="xsz-ps">行驶证背面照</div>
            </li>
          </ul>
        </div>
      </div>
      <div class="dw-aiy">提交审核</div>
    </body>
    <script>
        var area1 = new LArea();
        area1.init({
            'trigger': '#city', //触发选择控件的文本框，同时选择完毕后name属性输出到该位置
            'valueTo': '#value1', //选择完毕后id属性输出到该位置
            'keys': {
                id: 'id',
                name: 'name'
            }, //绑定数据源相关字段 id对应valueTo的value属性输出 name对应trigger的value属性输出
            'type': 1, //数据源类型
            'data': LAreaData //数据源
        });
    </script>    
</html>